<link href="/static/assets/css/bootstrap.css" rel="stylesheet" />
<!-- FONT AWESOME STYLE  -->
<link href="/static/assets/css/font-awesome.css" rel="stylesheet" />
<!-- CUSTOM STYLE  -->
<link href="/static/assets/css/nav.css" rel="stylesheet" />
<link href="/static/assets/css/style.css" rel="stylesheet" />
<!-- GOOGLE FONT -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css' />
<div style="padding:20px 10px" >
    <div class="panel panel-info panel-zs">
        <div class="panel-heading">{$data.first_name} {$data.surnames} Details</div>
        <div class="panel-body">
            <div class="col-md-6 col-sm-6">
                <p><strong>Name:</strong> {$data.first_name} {$data.surnames}</p>
                <p><strong>Certificate Code:</strong> {$data.certificate_code}</p>
            </div>
            <div class="col-md-6 col-sm-6">
                <p><strong>Country:</strong> {$data.country}</p>
                <p><strong>City:</strong> {$data.city }</p>
            </div>
            <div class="col-md-6 col-sm-6">
                <p><strong>Phone:</strong> {$data.phone}</p>
                <p><strong>Email:</strong> {$data.email}</p>
            </div>
        </div>
    </div>
</div>